<%--
    Document   : login
    Created on : Apr 15, 2010, 11:19:16 AM
    Author     : Dipendra
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>POS Login</title>
        <style type="text/css">
            .login-wrapper{
                position:absolute;
                top:20%;
                left:20%;
                border:1px solid #79B7E7 ;
                height:200px;
                width:50%;
                background:#F9FAFB;
            }

            .login-text{
                color:#555555;
                font-weight:bold;
                font-size:16px;
            }
            
            #errorMsg{
                color:#cc0000;
                font:bold 11px tahoma;
            }


        </style>
    </head>
    <body>
        <form method="post" action="j_security_check">
            <div class="login-wrapper">
                <table width="100%" >
                    <tr>
                        <td align="center" colspan="3">
                            <img src="resources/images/logo.png" />
                        </td>
                    </tr>
                    <tr>
                        <td align="center">&nbsp;

                        </td>
                        <td align="right" class="login-text">
                            &nbsp; User Name:
                        </td>
                        <td align="left">&nbsp;<input name="j_username" type="text" size="50"/>
                        </td>

                    </tr>
                    <tr>
                        <td align="center">&nbsp;</td>
                        <td align="right" class="login-text">&nbsp; Password: </td>
                        <td align="left">&nbsp;
                            <input name="j_password" type="password" size="50"/></td>
                    </tr>
                    <tr align="center">
                        <td colspan="3">
                            <c:if test="${pageContext.request.queryString == 'failed'}">
                                <div id="errorMsg" style="display:block">Invalid Username or Password.</div>
                            </c:if>
                        </td>
                    </tr>
                    <tr align="center">
                        <td colspan="3" align="center" class="login-text"><input type="submit" value="Submit" style="background:url(resources/images/btn_back.png)" /> </td>
                    </tr>
                </table>
            </div>
        </form>

    </body>
</html>
